<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Element Plus Table Example</title>
    <!-- 引入 Element Plus 样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css">
</head>
<body>
<div id="app">
    <iframe
            src="http://192.168.23.94/chatbot/bVPowUTy4tqJX7Op"
            style="width: 100%; height: 100%; min-height: 700px"
            frameborder="0"
            allow="microphone">
    </iframe>
</div>

<!-- 引入 Vue -->
<script src="https://unpkg.com/vue@next"></script>
<!-- 引入 Element Plus -->
<script src="https://unpkg.com/element-plus"></script>
<script>
    const { createApp } = Vue;
    const { ElTable, ElTableColumn } = ElementPlus;

    createApp({
        data() {
            return {
                tableData: [
                    { remark: '事件1:2023-01-01' },
                    { remark: '事件2:2023-01-02' }
                ]
            };
        }
    }).component('el-table', ElTable)
        .component('el-table-column', ElTableColumn)
        .mount('#app');
</script>

<script>
    window.difyChatbotConfig = {
        token: 'bVPowUTy4tqJX7Op',
        baseUrl: 'http://192.168.23.94'
    }
</script>
<script
        src="http://192.168.23.94/embed.min.js"
        id="bVPowUTy4tqJX7Op"
        defer>
</script>
<style>
    #dify-chatbot-bubble-button {
        background-color: #1C64F2 !important;
    }
    #dify-chatbot-bubble-window {
        width: 24rem !important;
        height: 40rem !important;
    }
</style>
</body>
</html>
